<?php
$style = ""; // 连接错误页面
$image = ""; //用户头像
if(!empty($_POST)){
    $style='display:none';
} else {
    $style='display:block';
}
if($_POST['Image'] == "null"){
    $image = "img/avatar.jpg";
} else {
    $image = $_POST['Image'];
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人介绍页面</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
</head>
<body>
<!--当无法获取到数据时显示-->
<div class="error" style="<?php echo $style ?>">
    <div>
        <p class="error-title"><i class="error-icon fa fa-exclamation-circle" aria-hidden="true"></i>网络错误！</p>
        <p class="error-detail">由于无法连接到服务器，导致页面无法显示，您可以点击 <a href="">此处</a> 刷新页面。 </p>
    </div>
</div>
<div class="header"></div>
<div class="person">
    <div class="avatar"><img src="<?php echo $image ?>" alt=""></div>
    <h3 class="nickname js-nickname"><?php echo $_POST['UserName'] ?></h3>
    <p class="signature"></p>
</div>
<ul class="information">
    <li class="item"><i class="fa fa-user" aria-hidden="true"></i>账号ID: <div class="js-id"><?php echo $_POST['ObecjtId'] ?></div></li>
    <li class="item"><i class="fa fa-calendar" aria-hidden="true"></i>成为好友：<div class="js-date"><?php echo $_POST['FriendDate'] ?></div></li>
    <li class="item"><i class="fa fa-bars" aria-hidden="true"></i>个性签名：<div  class="js-info"><?php echo $_POST['Tag'] ?></div></li>
    <li class="item"><i class="fa fa-info-circle" aria-hidden="true"></i>注册日期<div  class="js-info2"><?php echo $_POST['Date'] ?></div></li>
</ul>
</body>
</html>
